<template>
  <view class="apply_urge">
  	<view class="applyurge-card" @click="viewApplyDetail(JSON.parse(detail.content).apply_id)">
  		<view class="applyurgetitle"> {{ JSON.parse(detail.content).title }} </view>
  		
  		<view class="applyurge-header">
  			 <view style="padding-right: 5px;">
  				<image style="width: 45px;height: 45px;" src="@/static/appy-icon/download.png" alt="" />
  			</view>
  			<view class="applyurge-title">{{ JSON.parse(detail.content).content }}</view>
  		</view>
  	</view>
  </view>
</template>

<script>
import { chatApi } from '@/apis/cloud/chat'

export default {
  name: 'ApplyUrge',
  props: {
		detail: {
			type: Object,
			required: true
		},
  },
  data() {
		return {

		}
	},
	methods: {
		viewApplyDetail (id) {
			uni.navigateTo({
				url: `/pages/apply/oaList/applyOrderDetail?id=${id}`
			})
		},
  }
};
</script>

<style lang="scss" scoped>
	@import "../../config/global.scss";
.apply_urge .applyurge-card{
  background-color: #ffffff;
	border: 1px solid #e0e0e0;
	width: 450rpx;
	box-shadow: 0 1px 3px rgba(0,0,0,0.08);
}

.applyurge-card{
	background-color: #ffffff;
	padding: 2px;
	border-radius: 10px;
}

.applyurgetitle{
	font-weight: 600;
	padding: 4px;
}

.applyurge-header{
	border: 1px solid #ddd;
	border-radius: 5px;
	padding:0 5px;
	display: flex;
	padding-top: 3px;
	padding-bottom: 3px;
}

.applyurge-title{
	padding-top: 8rpx;
}
</style>
